*{
	margin: 0;
	padding:0;
}
#test{
	background:url(../images/login_bg.png) no-repeat;
	background-size:100% 117%;
}
.login_logo{
	width:100%;
	height:290px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login_img{
	padding:12px;
	border-radius:20px;
	background:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login_img img{
	display: block;
	width:90px;
	height:90px;
}
.login_tit{
	width:100%;
	font-family: "方正粗圆";
	font-size:27px;
	color:#fff;
	text-align: center;
	line-height:40px;
	position: absolute;
	margin-top:85px;
}
.inpt_div{
	width:80%;
	margin-left:10%;
	height:270px;
	background:url(../images/inpt_bg.png) no-repeat;
	background-size:100% 100%;
	margin-top:15%;
	overflow: hidden;
}
.phone_icon{
	float: left;
	width:55px;
	height:50px;
	background:url(../images/icon_img.png) no-repeat;
	background-size:100% 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.phone_icon img{
	display: block;
	width: 22px;
    height: 22px;
}
.phone_div{
	width:80%;
	margin: 30px 0 20px 8%;
	height:50px;
	background: url(../images/inpt.png) no-repeat;
	background-size:100% 100%;
	position: relative;
}
.phone_inpt{
	border: 0;
    line-height: 55px;
    font-family: "思源黑体";
    font-size: 15px;
    width: 76%;
    float: left;
    background: no-repeat;
    outline: none;
    text-indent:12px;
}
.phone_inpt::placeholder{
	color: #c2c2c2;
}
.phone_inpt::-moz-placeholder{
	color: #c2c2c2;
}
.phone_inpt::-ms-input-placeholder{
	color: #c2c2c2;
}
.phone_inpt::-webkit-input-placeholder{
	color: #c2c2c2;
}
.btn_login{
	width: 80%;
	margin-left:8%;
	height:45px;
	background:url(../images/btn.png) no-repeat;
	background-size:100% 100%;
	line-height:45px;
	text-align: center;
	font-family:"思源黑体";
	color:#fff;
	font-size:18px;
	cursor: pointer;
	border: 0;
	letter-spacing:2px;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.forget_pasd{
	width:27%;
	float: right;
	margin-right:9%;
	line-height:70px;
	text-align: right;
	font-family: "思源黑体";
	font-size:17px;
	color:#fff;	
	letter-spacing:3px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#login_div{
	position: absolute;
	top:-12px;
	right:12px;
	display:none;
}
#pasd_div{
	position: absolute;
	top:-12px;
	right:12px;
	display:none;
}
#x_img{
	width:67%;
	margin:6px 0 0 5px;
}
/*忘记密码*/
#test_pasd{
	background:url(../images/pasd_bg.png) no-repeat;
	background-size:100% 27%;
}
.btn_back{
	width:40px;
	height:40px;
	font-family: "微软雅黑";
	font-size:24px;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:17.5px 0 0 15px;
	position: absolute;
	font-weight:700;
}
.pasd_bg{
	width:100%;
	background:#fff;
	position: absolute;
	bottom:0;
}
.pasd_tit{
	width:80%;
	margin-left:10%;
	line-height:120px;
	font-family: "方正粗圆";
	color:#746bb5;
	font-size:30px;
	font-weight: 600;
	letter-spacing:1px;
}
.inpt_dl{
	width:90%;
	margin-left:5%;
	line-height:70px;
	background:url(../images/bottom.png) no-repeat;
	background-size:100% 1;
	background-position-y: bottom;
	float: left;
}
.inpt_dt{
	width:70px;
	height:70px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	background:url(../images/right.png) no-repeat;
	background-position-x: right;
	background-size: 1px 50%;
	background-position-y: center;
}
.inpt_dt img{
	display: block;
	width:35%;
}
.inpt_dd{
	float: left;
	width: 72%;
    margin-left: 6%;
}
.inpt_all{
	border:0;
	line-height:68px;
	font-family:"思源黑体";
	font-size:17px;
	color:#333333;
	outline: none;
	letter-spacing:1px;
	float: left;
	width:77%;
}
.phone_yzm{
	width:56%;
}
.inpt_all::placeholder{
	font-family:"思源黑体";
	font-size:17px;
	color:#C2C2C2;
}
.btn_pasd{
	width:40%;
	height:50px;
	margin:10% 0 0 30%;
	background:#746bb5;
	border:0;
	line-height:50px;
	text-align: center;
	color:#fff;
	font-family:"思源黑体";
	font-size:17px;
	outline: none;
}
.span_img{
	width:30px;
	height:30px;
	float: right;
	margin-top:20px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.span_img img{
	display: block;
	width:82%;
}
#yzbtn{
	width:100px;
	height:40px;
	border:1px solid #fa597e;
	border-radius:5px;
	background: #fff;
	color:#f85a7d;
	font-family: "思源黑体";
	font-size:15px;
	opacity:0.7;
}
#x_div{
	display: none;
	position: absolute;
    right:17px;
}
#pass-phone{
	width:100%;
	position: relative;
}



@media only screen and (min-width:411px) {
	.login_logo {
	    height:275px;
	}
	.inpt_div{
		margin-top:10%;
	}
	.phone_div{
		height:55px;
	}
	.span_img {
	    margin-top: 24px;
	}
}
@media only screen and (max-width:360px) {
	.login_img {
	    padding: 11px;
	}
	.login_logo {
	    height: 200px;
	}
	.inpt_div{
		margin-top:16%;
	}
	.inpt_div{
		height:242px;
	}
	.forget_pasd {
	    line-height: 65px;
	    font-size: 16px;
	}
}
@media only screen and (max-width:320px) {
	.login_img {
	    padding: 10px;
	}
	.login_logo {
	    height: 242px;
	}
	.login_img img{
		width:80px;
		height:80px;
	}
	.login_tit {
	    font-size: 25px;
	    margin-top: 77px;
	}
	.phone_inpt {
	    width: 72%;
	}
	.phone_div {
	    height: 45px;
	    margin: 30px 0 18px 8%;
	}
	.phone_icon {
	    width: 45px;
	    height: 45px;
	}
	.phone_inpt {
	    line-height: 45px;
	}
	.btn_login {
		height:40px;
		line-height:40px;
	}
	.forget_pasd {
	    line-height: 52px;
	    font-size: 16px;
	}
	.forget_pasd {
    	width: 32%;
    }
}

